<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/5.css">
</head>
<body>
    <!--
        grid布局
        特点：自适应,要考虑兼容性
    -->
    <section class="layout grid">
        <article>
            <p>5.grid<br>（自适应,要考虑兼容性）</p>
        </article>
    </section>
</body>
</html>